<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 导入bootstrap的css样式 -->
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css"/>
	</head>
	<body>
		
		<button class="btn btn-primary">这是一个按钮</button><br/>
		<button class="btn btn-success">这是一个按钮</button><br/>
		<button class="btn btn-danger">非常危险</button><br/>
		<button class="btn btn-link">(链接）Link</button><br/>
		<a href="http://www.baidu.com" class="btn btn-primary active">这是一个超链接</a>
		<a href="http://www.baidu.com" class="btn btn-primary btn-lg">这是一个超链接</a>
		<hr/>
		<table class="table table-striped table-bordered table-hover table-condensed">
			<tr>
				<th>ID</th>
				<th>名字</th>
				<th>年龄</th>
				<th>性别</th>
				<th>删除</th>
			</tr>
			<tr>
				<td>1</td>
				<td>张三1</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
			<tr>
				<td>2</td>
				<td>张三2</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
			<tr>
				<td>3</td>
				<td>张三3</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
		</table>
		
		<form>
		  <div class="form-group">
		    <label for="exampleInputName">Name</label>
		    <input type="text" class="form-control" id="exampleInputName" placeholder="Name">
		  </div>
		  <div class="form-group">
		    <label for="exampleInputPassword1">Password</label>
		    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
		  </div>
		  <div class="form-group">
		    <label for="exampleInputFile">File input</label>
		    <input type="file" id="exampleInputFile">
		    <p class="help-block">Example block-level help text here.</p>
		  </div>
		  <div class="checkbox">
		    <label>
		      <input type="checkbox"> Check me out
		    </label>
		  </div>
		  <button type="submit" class="btn btn-default">Submit</button>
		</form>
		
		<nav aria-label="Page navigation">
		  <ul class="pagination">
		    <li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		  </ul>
		</nav>
		
		<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
		<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
	</body>
</html>
